<template>
  <div>
    <template v-for="(item, index) in configData">
      <div class="contanier">
        <div class="designer">
          <H5DesignerItem :designerData="item" :updateColumn ="updateColumn" />
        </div>
      </div>
    </template>
  </div>
</template>
<script lang="ts" setup>

import H5DesignerItem from './H5DesignerItem.vue';

const props = defineProps({
  configData: {
    type: [],
    default: []
  },
  columnClick: {
    type: Function
  }
});

const updateColumn = (item) => {
  if (props && props.columnClick) {
    props.columnClick(item)
  }

}

</script>

<style lang="scss" scoped>
.contanier {
  margin-bottom: 20px;
  display: flex;
  align-items: center;

  .designer {
    width: 375px;
  }

  
}
</style>
